@import  "../../../styles/common.less";
.container-fluid{
    padding:0;
}
.download-content{
    .download-banner{
        height: 600px;
        text-align: center;
        position: relative;
        div{
            padding:0;
        }
        img{
            width:100%;
            height:100%;
        }
        .download-img{
            height: 600px;
            position: absolute;
            bottom:0;
            width:55.1%;
            left:22.7%;
            max-width: 793px;
        }
    }
    .download-select{
      clear: both;
      padding-top:149px;
      background: #fff;
      .select-content{
        padding-bottom:149px;
        overflow: hidden;
        max-width: 940px;
        margin: 0 auto;
        .select-four{
          background: #f6f6f6;
          color: #ccc;
          font-size: 18px;
          line-height: 260px;
          text-align: center;
          max-width:460px;
          min-height:260px;
        }
        .select-one{
          background:#F0F5FF;
          max-width:460px;
          min-height:260px;
          padding: 0;
          text-align: center;
          margin-bottom:20px;
          img{
            width: 45px;
            height:45px;
            margin-top:69px;
            }
          p{
            font-family: @font-Regular;
            font-size: 32px;
            color: #AABDE4;
            line-height: 32px;
            margin:15px 0;
           }
          .btn-show{
            position: relative;
            display: none;
            a{
              margin: 0 auto;
              background: #FFFFFF;
              border-radius: 91px;
              width: 80px;
              height:30px;
              display:inline-block;
              font-family: @font-Regular;
              font-size: 16px;
              color: #7185FD;
              line-height: 30px;
              text-decoration: none;
            }
          }
          .title-code{
            font-family: @font-Regular;
            font-size: 28px;
            color: #7185FD;
            margin-top:24px;
          }
          .content-center{
            clear: both;
            .ios-code{
              display: inline-block;
              width: 210px;
              font-family: @font-Regular;
              font-size: 20px;
              color: #4A4A4A;
            }
          }
          .select-code-ios{
            clear: both;
            margin: 20px auto;
            width:200px;
            height:200px;
            img{
              margin-top:0;
              width:100%;
            }
            span{
              padding:0;
              margin:0;
        
            }
            
          }
          .icon{
            display: inline-block;
          }
          .iconF{
            display: none;
          }
          &:hover{
            background: #7185FD;
            p{
              color:#fff;
            }
            .btn-show{
              display: block;
            }
            .icon{
              display: none;
            }
            .iconF{
              display: inline-block;
            }
          }
          &:active{
            background: #8d9dfe;
            p{
              color:#fff;
            }
          }
        }
      
    }
  }
  .teacher-ways{
    clear: both;
  }
}
@media (max-width:768px) {
    .download-content{
      .download-banner{
        .download-img{
          left:0;
          width:100%;
        }
      }
      .download-select{
        margin:0;
      }
    }
  }
  @media (min-width:1440px) {
    .download-content{
      .download-banner{
        .download-img{
          left:28%;
          width:100%;
        }
      }
    }
  }
  .modal-content-down{
    width:350px;
    height:416px;
    background: #FFF;
    text-align: center;
    margin:0 auto;
    margin-top:170px;
    padding:16px;
  }
  